<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

<jsp:include page="/public/template/header.jsp" />


<style type="text/css">
input.text {
	width: 400px;
}

input.button {
	width: 80px;
}

table,td,tr,th {
	border-style: solid;
	border-width: 0px;
	border-color: black;
	margin: 0;
	border-collapse: collapse;
	padding: 6px;
}

.table_properties {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	margin: 1;
	border-collapse: collapse;
	padding: 6px;
}

#content {
	padding: 10px;
}
</style>


<div id="content">

	<h1>Object Property: Create an Object Property</h1>

	<form action="<c:url value='/config/resources/${id}/objectProperties/create'/>" method="post">
		<div style="position: absolute; top: 150px; width: 450px;">
			

			<table style="position: absolute; width: 90%">

				<tr>
					<td>Object URI: </td>
					<td>
						<input id="object" name="objectUri" type="text" style="width: 400px" />
					</td>
				</tr>

				<tr>
					<td>Property:</td>
					<td>
						<input id="property"  name="predicate" type="text" style="width: 400px"/>
					</td>					
				</tr>

				<tr>
					<td>Is Dominant</td>
					<td>
						<select  name="isDominant">
							<option selected value="true">Dominant</option>
							<option value="false">Nondominant</option>
						</select>
					</td>
					
				</tr>

				<tr>
					<td><input type="submit" value="Create" style="width: 150px;" /></td>
				</tr>

			</table>

		</div>
	</form>

</div>

<style>
#project-label {
	display: block;
	font-weight: bold;
	margin-bottom: 1em;
}

#project-icon {
	float: left;
	height: 32px;
	width: 32px;
}

#project-description {
	margin: 0;
	padding: 0;
}
</style>
<script>
	$(function() {
		var resources  = ${resources};
		var properties = ${properties};
		
		$("#property").autocomplete({
			minLength : 0,
			source : properties,
		});		
		
		$("#object").autocomplete({
			minLength : 0,
			source : resources,
		});

		
	});
</script>
<jsp:include page="/public/template/footer.jsp" />